<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>词组</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">词组</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-list>
    <ion-item *ngFor="let w of words">
      <ion-badge slot="start" color="primary" title="标识">{{ w.id }}</ion-badge>
      <ion-label>{{ w.word }}</ion-label>
      <ion-badge slot="end" color="success" title="相关的文件数量">{{ w.count }}</ion-badge>
    </ion-item>
  </ion-list>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载词组...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>